<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<title>我们科技-版权展示</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<link rel="icon" type="image/x-icon" th:href="@{~/images/favicon_zn.ico}">
<link href="../static/css/bootstrap.css" th:href="@{~/css/bootstrap.css}" rel='stylesheet' type='text/css' />
<link href="../static/css/font-awesome.css" th:href="@{~/css/font-awesome.css}" rel="stylesheet"> 
<link rel="stylesheet" href="../static/css/slider.css" th:href="@{~/css/slider.css}">
<link href="../static/css/style.css" th:href="@{~/css/style.css}" rel='stylesheet' type='text/css' />	
<link rel="stylesheet" type="text/css" href="../static/css/mislider.css" th:href="@{~/css/mislider.css}"/>
<link rel="stylesheet" type="text/css" href="../static/css/mislider-skin-cameo.css" th:href="@{~/css/mislider-skin-cameo.css}"/>
<link rel="stylesheet" type="text/css" href="../static/css/login.css" th:href="@{~/css/login.css}"/>
<link th:href="@{/css/nav.css}" rel='stylesheet' type='text/css' />
<link rel="stylesheet" type="text/css" th:href="@{/css/page.css}"/>
<style type="text/css">
	 body{background: #f0f0f0;}
	.top_header_agile_info_w3ls{background: #fff;}
	 #m_nav_list li a{color: #666;}

</style>
</head>
	<body>
	<div id="" style="position: relative;">


	<div class="top_banner" id="topl">
		<!-- SVG Arrows -->
	
		<div class="top_header_agile_info_w3ls">
		  <nav class="navbar navbar-default">
				<div class="navbar-header navbar-left">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">版权</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<h1>
						<a class="navbar-brand" href="index.html" th:href="@{~/}">
							<!--<span>w</span>shanghai-->
							<img src="../static/images/logoll.png" th:src="@{~/images/logoll_zn.png}"/>
						</a></h1>
				</div>
				<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">

					<div id="m_nav_container" class="m_nav wthree_bg">
						<nav class="menu menu--sebastian">
							<ul id="m_nav_list" class="m_nav menu__list">
								<li class="m_nav_item" id="m_nav_item_1"> <a href="home.html" th:href="@{~/home}" class="link link--kumya"><span >首页</span></a></li>
								<li class="m_nav_item" id="moble_nav_item_3"> <a href="affirm.html" th:href="@{~/affirm.html}" class="link link--kumya"><span >版权确权</span></a></li>
								<li class="m_nav_item active" id="moble_nav_item_4"> <a href="copyright_show.html" th:href="@{~/copyright.html}" class="link link--kumya"><span >版权展示</span></a></li>
							    <li class="m_nav_item" id="moble_nav_item_4"> <a href="consulting.html" th:href="@{~/consulting.html}" class="link link--kumya"><span >资讯阅读</span></a></li>
							    <li class="m_nav_item" id="moble_nav_item_2"><a href="case.html" th:href="@{~/case.html}" class="link link--kumya"><span >经典案例</span></a></li>
								 <li class="m_nav_item" id="moble_nav_item_2" th:if="${session.user} != null"><a href="blockchain_show.html" th:href="@{~/chain/statistics.html}" class="link link--kumya"><span>区块展示</span></a></li>
								<li class="m_nav_item" id="m_nav_item_1"> <a th:href="@{~/}" class="link link--kumya"><span >公司简介</span></a></li>
								<li th:if="${session.user} != null" class="m_nav_item dropdown-back-white" id="moble_nav_item_6"> 
									<span class="link link--kumya"><span class="dropbtn-back-white" th:text="${session.user.userName}==null?${#strings.length(session.user.userNickname)>5?#strings.substring(session.user.userNickname,0,5)+'...':session.user.userNickname}:${#strings.length(session.user.userName)>5?#strings.substring(session.user.userName,0,5)+'...':session.user.userName}">登录/注册</span><i class="menu-ico-back-white"></i></span>
									<div class="dropdown-content-back-white">
									    <a th:href="@{~/user/userInfo.html}">用户中心</a>
									    <a th:href="@{~/auth/longOut}">退出</a>
								  </div>
								</li>
								<li th:unless="${session.user} != null" class="m_nav_item" id="moble_nav_item_6"> 
									<a  href="login.html" class="link link--kumya" th:href="@{/auth/loginPage.html}">
										<span>登录/注册</span>
									</a> 
								</li>
								<!--<li class="m_nav_item "  style="float: right;">
									<select  name="selectDropDown" style="border:1px solid transparent;appearance:none;-moz-appearance:none;-webkit-appearance:none; padding:0px 20px;background:transparent;font-size: 14px;line-height: 34px;">
										<option  value="0">中文 (简体)</option>
										<option  value="1">English</option>
									</select>
								</li>-->
							</ul>
						</nav>
					</div>

					</nav>
				</div>
		</div>
      <!--welcome-->
 </div>
	</div>

<style type="text/css">
	 .formd{padding-top: 120px; min-height: 892px;}
     .formd ul li{ background: #fff;min-height:40px;position: relative; float: left; padding:0 10px; font-weight: 600; color: #666; font-size: 14px;}
     .olititle{/* color: #0083C7 !important;  */font-size: 16px !important;}
     .formdo{background: #fff; min-height: 100px;padding: 30px 20px;margin-bottom: 20px;}
     .formdo img{width: 100%; min-height: 210px; border: 1px solid #f0f0f0; max-height: 210px;}
     .formdo div{padding: 0; height: 210px;}
     .formdo>div{margin-top: 20px;}
     .formdo h5{padding:5px 10px 0 10px  ; font-size: 16px; color: #F39C12;}
     .formdo p{padding:5px 5px 0 10px; font-size: 14px;}
     .formdo p:last-of-type{color: #0083C7;}
     .active_er{padding:5px 10px; background:#0ac2ff; color:#fff ;}
</style>
<div class="formd">

   <div class="container formdo">
   		<form id="ec" th:action="@{~/copyright.html}" method="get">
   			<input type="hidden"  name="type"  th:value="${type}" />
		 	<input type="hidden"  name="area"  th:value="${area}" />
   		</form>
   		<ul>
   			<li class="olititle">全部分类：</li>
   			<li>
   				<a href="javascript:;" th:class="${type == 'all' ? 'active_er category':'category'}">不限</a> 
   				<input type="hidden"  value="all" />
   			</li>
   			<li th:each="item : ${worksType}" >
   				<a href="javascript:;" th:class="${item.name == type ? 'active_er category':'category'}" th:text="${item.name}">动漫IP</a> 
   				<input type="hidden"  th:value="${item.name}" />
   			</li>
   		</ul>
   		<ul>
   			<li class="olititle" style="margin-left: 31px;">地区：</li>
   			<li> 
   				<a href="javascript:;" th:class="${area == 0 ? 'active_er area':'area'}">不限</a> 
   				<input type="hidden"  value="0" />
   			</li>
   			<li>
   				<a href="javascript:;" th:class="${area == 1 ? 'active_er area':'area'}">国内</a> 
   				<input type="hidden"  value="1" />
   			</li>
   			<li>
   				<a href="javascript:;" th:class="${area == 2 ? 'active_er area':'area'}">海外</a> 
   				<input type="hidden"  value="2" />
   			</li>
   		</ul>
   </div>
 
   <div class="container formdo">
   	<div class="col-lg-3" th:each="item : ${list.list}">+
   		<div class="col-lg-6">
   			<a th:href="@{~/copyright/{worksId}(worksId=${item.works_id})}" target="_blank">
   				<img th:src="${(#strings.endsWith(item.works_url,'.jpg') || #strings.endsWith(item.works_url,'.png') || #strings.endsWith(item.works_url,'.jpeg'))}?${item.works_url}+'.jpg':@{~/images/copyright_510x630.jpg}"/>
   			</a>
   		</div>
   		<div class="col-lg-6">
   			<a th:href="@{~/copyright/{worksId}(worksId=${item.works_id})}" target="_blank">
   				<h5 th:text="${item.works_name}">九真九阳</h5>
   			</a>
   			<p th:text="|作者：${item.author}|">冲击境界失败的苏方，</p>
   			<p th:text="|类别：${item.type}|">授权方向： 游戏授权 影视授权 漫画授权</p>
   		</div>
   	</div>
   	<div style="clear: both; height: auto;"></div>
   	<div class="col-lg-12" style="height: auto;">
   		<ul class="page" maxshowpageitem="5" pagelistcount="12"  id="page" style="/* float: inline-end; */ float: right;"></ul>
   	</div>
   </div> 



 

<div style="height: 30px; clear: both;">
		
	</div>
</div>

	<div class="footer" >

    <div class="agileinfo_footer_bottom1">
			<div class="container">
				    <p class="col-lg-2" style="padding-right: 0;"><a th:href="@{~/}">关于我们</a>&nbsp;&nbsp;<a href="javascript:;">法律协议</a></p>
				
					<p class="col-lg-10 text-right"> &copy;2017 wevolution Allg Rights Reserved. powered by 上海我们信息科技有限公司 <img th:src="@{~/images/pic1.gif}"  style="margin-top:5px;"/> 沪ICP备17045920号</p>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
		


<script type="text/javascript" src="..static/js/jquery-2.1.4.min.js" th:src="@{~/js/jquery-2.1.4.min.js}"></script>
<script type="text/javascript" src="..static/js/sleekslider.js" th:src="@{~/js/sleekslider.js}"></script>
<script type="text/javascript" src="..static/js/app.js" th:src="@{~/js/app.js}"></script>
<script src="..static/js/bootstrap.js" th:src="@{~/js/bootstrap.js}"></script>
<script src="..static/js/wow.min.js" type="text/javascript" charset="utf-8" th:src="@{~/js/wow.min.js}"></script>
<script th:src="@{/js/page.js}"></script>
<!-- //for bootstrap working -->
<script th:inline="javascript">
/*<![CDATA[*/
    var count = /*[[${list.total}]]*/ 0;
    var current = /*[[${list.pageNum}]]*/ 1;
    var type = /*[[${type}]]*/ ;
    var area = /*[[${area}]]*/ 0;
/*]]>*/
</script>
<script type="text/javascript" >
	function tt(dd){
	    //alert(dd);
	}
    var GG = {
        "kk":function(mm){
        	var type = getQueryString("type");
        	var area = getQueryString("area");
        	if(type != null && area == null){
        		window.location.href="copyright.html?type="+type+"&pageNum="+mm;
        	}else if(type != null && area != null){
        		window.location.href="copyright.html?type="+type+"&area="+area+"&pageNum="+mm;
        	}else if(type == null && area != null){
        		window.location.href="copyright.html?area="+area+"&pageNum="+mm;
        	}else{
        		window.location.href="copyright.html?pageNum="+mm;
        	}
        }
    }
    $("#page").initPage(count,current,GG.kk);
    //获取URL参数
    function getQueryString(name) {   
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");   
        var r = window.location.search.substr(1).match(reg);   
        if (r != null) return decodeURI(r[2]); return null;   
  	} 
    
    	$(".category").on("click",function() {
    		if(!$(this).hasClass("active_er")){
	    		var type = $(this).next().val();
	    		$("input[name='type']").val(type);
	    		document.forms.ec.submit();
    		}
    	});
    	$(".area").on("click",function() {
    		if(!$(this).hasClass("active_er")){
    			var area = $(this).next().val();
        		$("input[name='area']").val(area);
        		document.forms.ec.submit();
    		}
    	});
    window.onload = function ()
    {
        var sel = document.getElementsByName('selectDropDown')[0];
        sel.onchange = function ()
        {
            // var options=$("#test option:selected");
            var val = this.value;
            switch (val)
            {
                case "0":
                    break;
                case "1":
                    window.location.href='/copyright_en.html';
                    break;
                default:
                    break;
            }
        }
    }
</script>
</body>
</html>